import { DarkTheme, DefaultTheme, Theme } from "@react-navigation/native";
import { Colors } from "react-native-ui-lib";

export type CustomTheme = Theme & {
  color: {
    action: string;
    timer: string;
    search: string;
    searchBackGourd: string;
    actionTitle: string;
    successfully: string;
    error: string;
  };
};

const DefaultLightTheme: CustomTheme = {
  ...DefaultTheme,
  color: {
    action: Colors.blue70,
    timer: Colors.dark,
    search: Colors.grey30,
    searchBackGourd: Colors.grey70,
    actionTitle: Colors.white,
    successfully: Colors.blue70,
    error: Colors.red70,
  },
  colors: {
    ...DefaultTheme.colors,
    background: Colors.white,
    border: Colors.transparent,
  },
};

const DefaultDarkTheme: CustomTheme = {
  ...DarkTheme,
  color: {
    action: Colors.violet70,
    timer: Colors.white,
    search: Colors.grey60,
    searchBackGourd: Colors.grey30,
    actionTitle: Colors.white,
    successfully: Colors.violet70,
    error: Colors.red30,
  },
  colors: {
    ...DarkTheme.colors,
    border: Colors.transparent,
    background: Colors.dark,
  },
};

export { DefaultLightTheme, DefaultDarkTheme };
